<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<p>A bottom-aligned absolutely positioned descendant needs to be repositioned before being
    repaginated when its containing block gets a new height.</p>
<p>The word "PAPAYA" should be seen in the first column below.</p>
<div id="multicol" style="position:relative; -webkit-columns:2; column-fill:auto; width:20em; height:200px; color:papayawhip; background:papayawhip;">
    <div style="position:relative; height:100%;">
        <div data-offset-y="140" style="position:absolute; bottom:0; height:50px; line-height:50px; background:black;">
            <div data-offset-y="0">PAPAYA</div>
        </div>
    </div>
</div>
<script>
    document.body.offsetTop;
    document.getElementById("multicol").style.height = "190px";
    checkLayout("#multicol");
</script>
